// 引入所需的依赖文件
import * as React from "react";
import { useRoutes } from 'react-router-dom'

// 引入所需要路由的页面
// 注意：import进来的时候的首字母必须大写，否则会报错
// 第一步：现在此处将文件引入
import TestRouter from '@/pages/testRouter/index'
import Demo from '@/pages/testRouter/demo'
import TestReact from '@/pages/testRouter/testReact'


// 第二步：在此处添加路由
export default function Index() {
    const element = useRoutes(
        [
            {
                path: '/',
                element: <TestRouter></TestRouter>,
                children: [
                    // {
                    //     path: 'Home',
                    //     element: <Home />,
                    // },
                ],
            },
            {
                path: '/demo',
                element: <Demo></Demo>,
            },
            {
                path: '/testReact',
                element: <TestReact></TestReact>,
            },
        ]
    )
    return element
}
